<template>
  <div class="home">
    <ul>
      <!--  @select="handleSelect" -->
      <router-link tag="li" :to="{name:'Personality'}">个性推荐</router-link>
      <router-link tag="li" :to="{name:'Exclusive'}">专属订制</router-link>
      <router-link tag="li" :to="{name:'Songs'}">歌单</router-link>
      <router-link tag="li" :to="{name:'Ranking'}">排行榜</router-link>
      <router-link tag="li" :to="{name:'Singer'}">歌手</router-link>
      <router-link tag="li" :to="{name:'NewMusic'}">最新音乐</router-link>
    </ul>
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data() {
    return {
      banners:[],
      // activeIndex: '1',
      // activeIndex2: '1'
    };
  },
  methods: {
    // handleSelect(key, keyPath) {
    //   console.log(key, keyPath);
    // },
  },
  created() {

  }
}
</script>

<style lang="scss" scoped>
@import './Home.scss'
</style>
